@charset "utf-8";
/*
	About:ifreecomm
	Date:2014/05/12
	Author:Darvin
*/
/* CSS Document */
@font-face {
    font-family: 'gravitybook';
    src: url('gravity-book-webfont.eot');
    src: url('gravity-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('gravity-book-webfont.woff') format('woff'),
         url('gravity-book-webfont.ttf') format('truetype'),
         url('gravity-book-webfont.svg#gravitybook') format('svg');
    font-weight: normal;
    font-style: normal;
}
[data-role="transition"] { 
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
[data-role="transition1"] {
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
body{ color:#666666; min-width:1000px;}
.in-wrap{ position:relative; margin:0 auto; width:85%; height:100%; z-index:10;}
.comm-jpg{ background:url(/images/comm.png) no-repeat;}
.font-gothic{  font-family: 'gravitybook';}
.bg-edeff4{ background:#edeff4;}
.bg-edeff4 .interphone-pic img{ margin-bottom:0;}
.bg-red{ background:#d21f1f;}
.section-comm .font30 em{ font-size:30px;}


#Reservation{width:0px;height:0px;position:fixed;bottom:0px;left:0px;z-index:100111111;overflow:hidden;}
#zhezhao{position:absolute;top:0px;left:0px;width:0px;height:0px;filter:alpha(opacity=50);opacity: 0.5;background: rgba(0, 0, 0, 0.5) !important;background-color:#000;z-index:1000}
#Reservation1{width:0px;height:0px;position:fixed;bottom:0px;left:0px;z-index:100111111;overflow:hidden;}
#zhezhao1{position:absolute;top:0px;left:0px;width:0px;height:0px;filter:alpha(opacity=50);opacity: 0.5;background: rgba(0, 0, 0, 0.5) !important;background-color:#000;z-index:1000}
#tijiao{width:74px;height:30px;background-image:url(../images/tj.jpg); cursor:pointer;float:right;margin-top:10px;border:0px;margin-bottom:20px;}
#player{z-index:-1;position:relative}

/** banner **/

/** solution **/
.solution-comm{ display:none;}
.related-down{ padding-top:0; margin-top:-90px;}
.section-comm{ padding:35px 0 30px;}
.section-comm h4{ font-size:24px; color:#000; text-align:center;}
.section-comm h4 em{ display:inline-block; margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#cc0000; vertical-align:top;}
.section-comm h4 i{ display:inline-block; line-height:55px; font-size:24px; color:#000;}
.section-comm h4 i span { font-size: 25px; }
.section-comm h5{ margin-top:10px; font-size:15px; color:#999999; text-align:center;}
.solution ul{ margin:10px auto 0; width:1125px;}
.solution ul li{ float:left; margin:0 0 0 30px; width:355px; height:370px; *zoom:1;}
.solution ul li:first-child{ margin-left:0;}


.solution .solution-ul li{ background:#edeff4;}
.solution .solution-ul li a{ background:#0060BF;}
.solution .solution-ul li a p{ color:#fff;}

.solution ul li:hover{ background:#edeff4;}
.solution ul li:hover a{ background:#970000;}
.solution ul li:hover a p{ color:#fff;}


.solution ul li:hover a em{ background-position:-56px -128px;}

.solution ul li p.solution-title{ font-size:20px; color:#000; text-align:center;
font-weight:700;}
.solution ul li p.solution-intro{ margin:10px auto 0; width:80%; height:36px; overflow:hidden; text-align:center;}
.solution ul li a{ display:block; margin-top:7px; padding-top:10px; width:100%; height:104px; color:#000; }
.solution ul li a p{ text-align:center; font-size:14px; }
.solution ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:0 -128px;}

.solution ul li a div.solution-line{ margin:0 auto 23px; background:#d4d4d4; width:200px; height:1px; overflow:hidden;}
.solution ul li em.solution-case-icon{ margin:30px auto 35px; display:block; width:119px; height:119px; text-indent:-9999px;}
.solution ul li.solution-li1 em.solution-case-icon{background-position:0 0;}
.solution ul li.solution-li2 em.solution-case-icon{background-position:-160px 0;}
.solution ul li.solution-li3 em.solution-case-icon{background-position:-336px 0;}
.index .solution ul li.solution-li2 em.solution-case-icon,.index .solution ul li.solution-li3 em.solution-case-icon,.index .solution ul li.solution-li4 em.solution-case-icon{
	background: url(/images/commm_io.png) no-repeat;
}

.index .solution ul li.solution-li2 em.solution-case-icon{ background-position: 0 0; }
.index .solution ul li.solution-li3 em.solution-case-icon{ background-position: -160px 0; }
.index .solution ul li.solution-li4 em.solution-case-icon{ background-position: -335px 0; }

.main-list{ padding:55px 0; margin-bottom:100px; background:#edeff4;}
.main-list ul li{ position:relative; float:left; margin:10px 0 0 76px; width:500px; height:126px; background:#fff;}
.main-list ul li.main-list-even{ margin-left:56px;}
.main-list ul li p.main-list-title{ text-align:center; font-size:18px; color:#000; line-height:126px;}
.main-list ul li .main-list-cont{ position:absolute; top:0; left:0; padding:0 25px; width:450px; height:0; overflow:hidden; background:#cc0000; font-size:14px; color:#fff;}
.main-list ul li .main-list-cont p:first-child{ margin-top:35px;}
.main-list ul li .main-list-cont p{ line-height:1.7;}

/** product **/
.product{ background:#edeff4;}
.product img.product-line{ position:absolute; top:-40px; left:0;}
.product-btn{ margin:45px 0 55px; text-align:center;}
.product-btn a{ display:inline-block; margin:0 20px; width:120px; height:120px; font-size:14px; line-height:120px; color:#666666; font-weight:700; text-align:center; background:#fff; border-radius:50%; background:url(/images/white_bg.png) no-repeat\9;}
.product-btn a:hover,.product-btn a.product-a-hover{ background:#0060BF; background:url(/images/red_bg.png) no-repeat\9; color:#fff; }
.product-cont{ position:relative; height:280px;}
.product-cont .product-style{ position:absolute; top:0; left:50px; width:85%; display:none;}
.product-cont .product-style img{  animation:img_change .5s ease forwards;  /*animation-fill-mode:;*/}
@keyframes img_change{
	0%{transform:scale(0); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}
.product-picshow{ position:relative; width:575px; height:208px; background:url(/images/loadinfo.gif) no-repeat center center;}
.product-picshow img{ position:absolute; display:none;}
.product-icon { position:absolute;}
.product-icon a{ display:inline-block; width:10px; height:10px; background:#000;}

.product-info{ width:530px; color:#000000; display:none; /*opacity:0; filter:alpha(opacity=0);*/}
.product-info h6{ font-size:26px;}
.product-info p{ font-size:14px;line-height: 2em;}
.product-info .product-title{ margin:15px 0 5px; font-size:20px;}
.product-info ul li{ font-size:12px; line-height:22px;}
.product-info .product-function{ margin:25px 0; font-size:12px; color:#999999;}
.product-info a{ font-size:14px; color:#000;}
.product-info a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:0 -128px;}
.product-info a:hover em{ background-position:-204px -365px;}

/** video **/
.video{ height:444px;  background:url(/images/video_bg.jpg) no-repeat center top;}
.video-cont{ position:absolute; width:50%; height:444px; top:0; left:0; /*background:url(/images/index_video1.jpg) no-repeat center top; */text-align:center;}
.video-cont h4{ margin-top:-172px; text-align:center;}
.video-cont h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#cc0000; vertical-align:top;}
.video-cont h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#000;}
.video-cont h5{ margin-top:-40px; font-size:12px; color:#585556;}
.video-cont h5 em{ font-size:18px; color:#000;}
.video-cont a{ margin-top:50px; font-size:14px; color:#000;}
.video-cont a em{ display:inline-block; width:59px; height:59px; background-position:0 -365px;}
.video-cont a p{ margin-top:10px; font-size:14px;}
.video-cont a:hover em{ background:url(/images/video_icon_hover.png) no-repeat 0 0;}
.video-cont a:hover p{ color:#fff;}
.video-cont .abs{ top:50%; left:0; right:0;}

.video-news { right:0; top:0; width:50%; height:444px; background:url(/images/video_news_bg.png) no-repeat center top;}
.video-news h4{ margin-top:50px; text-align:center;}
.video-news h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#cc0000; vertical-align:top;}
.video-news h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#000;}
.video-news ul{ margin:0 auto; width:910px;}
.video-news ul li{ float:left; margin:20px 20px 0; width:415px; height:130px;}
.video-news ul li a.video-news-link{ float:left; margin-right:13px; color:#fff; width:171px; height:112px;}
.video-news ul li a.video-news-link img{ width:100%;}
.video-news .video-news-cont{ float:left; position:relative; padding-left:90px; width:133px;  color:#fff;}
.video-news .video-news-year{ position:absolute; top:-3px; left:0; font-size:32px; height:32px; line-height:32px; }
.video-news .video-news-month{ margin-bottom:5px; font-size:18px; height:18px; line-height:18px;} 
.video-news .video-news-wz{ font-size:14px;}
.video-news .video-news-cont a{ margin-top:15px; display:block; height:31px; line-height:31px; font-size:14px; color:#fff; /*color:#333231;*/}
.video-news .video-news-cont a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:-210px -202px; /*background-position:-172px -202px;*/}
.video-news .video-news-cont a:hover{ color:#e7e5e4;}
.video-news .video-news-cont a:hover em{ background-position:-204px -365px; /*background-position:-210px -202px;*/}




/** contact **/
.contact{ position:relative; background:#0060BF; padding:45px 0 80px; color:#fff; z-index:1;}
.contact h4{ margin-bottom:55px; text-align:center;}
.contact h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#fff; vertical-align:top;}
.contact h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#fff;}
.contact h6{ margin-bottom:40px; font-size:18px;}
.contact-info{ margin-right:90px; width:200px;}
p.contact-address{ margin-bottom:20px; font-size:14px;}
p.contact-tel{ margin-top:40px; padding-left:30px;  background-position:0 -246px; font-size:18px; color:#fff;}
p.contact-email{ margin-top:8px; padding-left:30px;  background-position:0 -278px; font-size:14px; color:#fff;}
p.contact-share{ margin-top:50px; font-size:18px;}

.contact-where{ width:395px;}
.contact-where div{ width:395px; height:258px; overflow:hidden;}
.contact-where a{ display:block; width:395px; height:258px;}
.contact-where a:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);}
.contact-quick{ width:415px;}
.contact-quick input{ float:left; margin-bottom:10px; padding:10px 0; text-indent:10px; width:100%; height:28px; border:none; background:#fff; font-size:16px; color:#666;}
.contact-quick textarea{ padding:10px; width:395px; height:125px; border:none; background:#fff; font-size:16px; color:#666;}
.contact-quick a{ float:right; display:block; margin-top:5px; width:160px; height:48px; line-height:48px; text-align:center; background:#fff; font-size:16px; color:#000;}

/** product list **/
.inner-banner{ height:584px; background:url(/images/loadinfo.gif) no-repeat center center;}
.inner-banner h4{ position:absolute; top:230px; right:0; width:370px; font-size:52px; line-height:60px; color:#fff;}
.inner-banner p{ /*position:absolute; top:360px; right:0;*/ margin-top:20px; width:370px; font-size:22px; color:#fff;} 

.inner-btn{ padding:85px 0 60px; background:#fff; text-align:center;}
.inner-btn-pad{ padding:50px 0;}
.inner-btn a{ display:inline-block; margin:0 30px 100px; width:120px; height:120px; line-height:120px; background:#f2f2f2; background:url(/images/gray_bg.png) no-repeat\9; font-size:14px; color:#000; border-radius:50%;}
.inner-btn-pad a{ margin-bottom:0px;}
.inner-btn a:hover{ background:#cc0000; background:url(/images/red_bg.png) no-repeat\9; color:#fff;}
.inner-line{ margin:0 auto; width:57px; height:1px; background:#676767; overflow:hidden;} 
.inner-btn-div { position: relative; /*height: 174px;*/ overflow: hidden;}
.inner-btn-div a{ font-size:18px;}
#btn-child { margin: 0 auto; height: 174px;}
#btn-child a { float: left; display: none; }
.inner-btn-cont { position: absolute; top: 0; left:0; }

.inner-product{ background:#edeff4;}
.inner-product .product-cont1{ position:relative; margin-top:50px;}
.inner-product .product-cont1 .product-div{ position:relative; margin-left:31px; width:1130px; overflow:hidden;}
.inner-product .product-cont1 .product-div ul { position:relative;}
.inner-product .product-cont1 ul li{ float:left; width:359px; margin-left:15px;}
.inner-product .product-cont1 ul li div.product-pic{ min-height:342px; background:#fff url(/images/loadinfo.gif) no-repeat center center;}
.inner-product .product-cont1 ul li img{ width:100%;}
.inner-product .product-cont1 ul li a{ padding-top:15px; width:100%; height:104px; background:#cc0000; display:block;}
.inner-product .product-cont1 ul li a:hover{ background:#d3d6dd;}
.inner-product .product-cont1 ul li a div.solution-line{ margin:0 auto 20px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;}
.inner-product .product-cont1 ul li a:hover div.solution-line{ background:#fff;}
.inner-product .product-cont1 ul li a p{ font-size:14px; color:#f2f2f2; text-align:center;}
.inner-product .product-cont1 ul li a em{ display:block; margin:10px auto 0; background-position:-56px -128px; display:block; width:31px; height:31px;}

.inner-product .product-cont1 a.comm-jpg1,.productPic a.comm-jpg1,.glory a.comm-jpg1{ position:absolute; top:50%; margin-top:-19px; display:block; width:38px; height:38px;}
.inner-product .product-cont1 a.inner-prev,.productPic a.inner-prev1,.glory a.inner-prev{ background:url(/images/comm.png) no-repeat -94px -365px; left:0;}
.inner-product .product-cont1 a.inner-next,.productPic a.inner-next1,.glory a.inner-next{ background:url(/images/comm.png) no-repeat -148px -365px; right:0;}
.inner-product .product-cont1 a:hover.inner-prev,.productPic a:hover.inner-prev1,.glory a:hover.inner-prev{ background-position:-382px -365px;}
.inner-product .product-cont1 a:hover.inner-next,.productPic a:hover.inner-next1,.glory a:hover.inner-next{ background-position:-426px -365px;}

.inner-solution-odd { background: #edeff4; }
.inner-solution ul li{ float:left; margin:40px 0 0 76px; width:562px;}
.inner-solution ul li:first-child{ margin-left:0;}
.inner-solution ul li p{ margin:20px 0 0 0; font-size:14px; line-height:1.5;}
.inner-solution-odd ul li { float: right; }
.inner-solution-odd ul li:first-child { margin-left: 76px; }
.inner-solution-odd ul li:last-child { margin-left: 0; }

.inner-case{ margin-top:80px; background:#edeff4; opacity:0;}
.case-cont{ margin-top:40px; width:420px; color:#000;}
.case-cont h5,.solution-cont h5 { margin-top:0; font-size:30px; line-height:35px; color:#000; text-align:left;}
.case-cont h6,.solution-cont h6 { font-size:19px;}
.case-cont .case-line,.solution-cont .solution-line{ margin:15px 0 8px; width:57px; height:1px; background:#676767; overflow:hidden; }
.case-cont a,.solution-cont a{ font-size:14px; color:#000;}
.case-cont a em,.solution-cont a em{ display:inline-block; margin:0px 0 -6px 10px; background-position:-204px -365px; width:31px; height:31px;}
.inner-case img{ margin-top:40px;}
.case-cha{ margin:35px 0 25px; color:#858689;}
.solution-cha { margin:20px 0 30px; color:#858689;}
.case-cha p,.solution-cont p{ font-size:14px;} 

/** product center **/
.inner-btn1{ text-align:center; font-size:0;}
.inner-btn1 a{ position:relative; display:inline-block; padding-top:20px; margin:0 80px 20px; text-align:center; font-size:14px; color:#000;}
.inner-btn1 a p{ position:absolute; left:18px; width:84px; font-size:14px; line-height:18px;}
.inner-btn1 a:hover,.inner-btn1 a.current{ color:#cc0000;}
.inner-btn-application a { margin: 0 50px 20px; }
.inner-btn2 a,.inner-btn3 a,.inner-btn4 a,.inner-btn5 a{ /*margin:75px 23px 90px;*/  border-radius:50%; background:#f2f2f2; background:url(/images/gray_bg.png) no-repeat\9; font-size:14px; color:#000; line-height:17px; vertical-align:middle;}
.inner-btn2 a,.inner-btn3 a{ margin:17px 23px 35px;}
.inner-btn4 a{ margin:50px 23px;}
.inner-btn5 a{ margin:75px 23px 90px;}
.inner-btn2 a{padding:40px 18px 0; width:84px; height:80px;}
.inner-btn3 a{padding:50px 18px 0; width:84px; height:70px;}
.inner-btn2 a:hover,.inner-btn3 a:hover,.inner-btn2 a.current,.inner-btn3 a.current{ background:#cc0000; background:url(/images/red_bg.png) no-repeat\9; color:#fff;}
.btn-child a{ background:none; width:86px; height:82px;}
#btn-child a{ background:url(/images/btn_circle_normal.png) no-repeat;}
.btn-child a:hover,.btn-child a.current,#btn-child a:hover,#btn-child a.current{ background:url(/images/btn_circle.jpg) no-repeat; color:#000; }
#btn-child div{ display:none;}
#btn-child div.inner-btn-cont { display: block; }
.industry-icon{ text-align:center;}
.industry-icon a{ display:inline-block; margin:0 25px 90px; filter:gray; -webkit-filter:grayscale(100%);}
.industry-icon a:hover,.industry a.current{ filter:none; -webkit-filter:grayscale(0);}

/** product detail **/
.productInfo{ position:relative; color:#000; text-align:center;}
.productInfo h4,.btn-child h4{ margin:15px 0 5px; font-size:18px; color:#000;}
.productInfo h5,.btn-child h5{ font-size:30px; color:#000;}
.productBig{ min-height:526px; overflow:hidden;}
.glory { position:relative; text-align:center;}
.gloryBig { min-height:600px; overflow:hidden;}
.productBig ul,.gloryBig ul { position:absolute; top:0; left:0; width:4000px; }
.productBig ul li,.gloryBig ul li{ float:left;}
.productBig ul li div.productBigImg,.gloryBig ul li a.gloryBigImg{ width:100%; background:url(/images/loadinfo.gif) no-repeat center center; min-height:280px;}
.productDes{ margin:-170px auto 0; width:415px;}
.productDes h6{ font-size:30px;}
.productDes p{ margin-bottom:25px; text-align:left; color:#666; font-size:14px;}
.productDes p.productBigStyle{ font-size:20px; text-align:center; color:#000;}

.feature-line{ margin:30px auto 60px; width:57px; height:1px; border:0; background:#676767; }
.productFeature ul li.feature-intro,.interphone-pic img{ float:left; width:562px; margin-left:76px;}
.productFeature ul li.feature-intro:first-child,.interphone-pic img:first-child{ margin-left:0;}
.productFeature ul li img{ width:100%; margin:0 0 65px;}
.interphone-pic img{ margin-top:50px; margin-bottom:50px;}
.productFeature ul li p{ padding-left:30px; margin-bottom:3px; background:url(/images/comm_icon.png) no-repeat 0 -478px; font-size:12px; color:#000;}

.learn{ background:#edeff4;}
.learn ul{ margin:30px 0 0 -15px;}
.learn ul li{ float:left; position:relative; margin:30px 0 0 15px; width:390px; height:230px; background:#fff; text-align:center;}
.learn ul li a{ position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.learn ul li em{ background:url(/images/comm_icon.png) no-repeat; display:block; margin:55px auto 20px; width:61px; height:61px; }
.learn ul li em.comm-icon1{ background-position:0 0;}
.learn ul li em.comm-icon2{ background-position:-70px 0;}
.learn ul li em.comm-icon3{ background-position:-141px 0;}
.learn ul li em.comm-icon4{ background-position:-213px 0;}
.learn ul li:hover{ background:#cc0000;}
.learn ul li:hover em.comm-icon1{ background-position:0 -69px;}
.learn ul li:hover em.comm-icon2{ background-position:-70px -69px;}
.learn ul li:hover em.comm-icon3{ background-position:-141px -69px;}
.learn ul li:hover em.comm-icon4{ background-position:-213px -69px;}
.learn ul li:hover p{ color:#fff;}
.learn ul li p{ color:#000;}
.learn ul li p.learn-eng{ font-size:20px;}
.learn ul li p.learn-cn{ font-size:18px;}

/** honor **/
.honor-top{ padding-top:0;}
.honor h5{ padding-top:50px;}
.honor h5 em{ display:inline-block; font-size:36px; line-height:50px; color:#cc0000; vertical-align:top;}
.honor h5 i{ display:inline-block; font-size:24px; line-height:50px; color:#000;}
.honor img{ margin:0 auto; display:block;}
.honor-line{ margin:35px auto; background:#676767; width:27px; height:1px; overflow:hidden;}
.honor .line-white{ background:#fff;}
.bg-red h5 em,.bg-red h5 i{ color:#fff;}
.honor-property{ text-align:center;}
.honor-property ul li{ margin:0 35px; display:inline-block; font-size:14px; color:#000;}
.honor-property ul li em{ margin-left:5px; font-size:18px;}

.honor-bg{ background:url(/images/honor_style.jpg) no-repeat center top; width:100%; height:621px; }
.honor-left,.honor-right{ position:relative; width:50%; height:100%;}
.honor a.inner-prev,.honor a.inner-next{ position:absolute; left:50%; margin-left:-19px; margin:0 auto; display:inline-block; background:url(/images/comm_icon.png) no-repeat; width:38px; height:38px;}
.honor a.inner-prev{ top:55px; background-position:-329px -419px;}
.honor a.inner-next{ bottom:55px; background-position:-374px -419px;}
.honor a:hover.inner-prev{ background-position:-419px -419px;}
.honor a:hover.inner-next{ background-position:-462px -419px;}
.honor-style{ position:relative; margin-top:145px; height:330px; overflow:hidden; text-align:center;}
.honor-style ul{ position:relative;}
.honor-style ul li img{ margin:0 10px; display:inline-block;}

/** interphone solution  **/
.inner-service{ padding-top:0;}
.interphone-intro div,.service-intro div { float:left; margin:0px 0 0 76px; width:562px; }

.interphone-intro div:first-child,.service-intro div:first-child{ margin-left:0;}
.interphone-intro div:nth-child(2n+1) { margin-left: 0; }
.service-intro div h5{ margin-bottom:15px; text-align:left; font-size:18px; color:#000;}
.service-intro div p{ color:#848383;}
.interphone-intro div p{ padding-bottom:5px; font-size:14px;}
.introduction-intro div p{ padding-bottom:20px;}
.interphone ul li p{ padding-bottom:20px;}

.application-btn{ margin-bottom:80px;}
.application-btn ul li{ float:left; *display:inline; padding:0 29px;  width:auto; text-align:center; border-left:solid 1px #d9d9d9;}
.application-btn ul li:first-child{ padding:0 36px 0 0; border-left:none;}
.application-btn ul li:last-child{ padding:0 0 0 36px;}
.application-btn ul li em{ background:url(/images/solution_icon.jpg) no-repeat; display:block; margin:0 auto; *margin:0; height:62px;}
.application-btn ul li em.application-em1{ background-position:-16px 0; width:60px;}
.application-btn ul li em.application-em2{ background-position:-160px 0; width:52px;}
.application-btn ul li em.application-em3{ background-position:-301px 0; width:50px;}
.application-btn ul li em.application-em4{ background-position:-450px 0; width:33px;}
.application-btn ul li em.application-em5{ background-position:-580px 0; width:55px;}
.application-btn ul li em.application-em6{ background-position:-726px 0; width:46px;}
.application-btn ul li em.application-em7{ background-position:-865px 0; width:50px;}
.application-btn ul li em.application-em8{ background-position:-1010px 0;width:50px;}
.application-btn ul li em.application-em9{ background-position:-1148px 0;width:49px;}
.application-btn ul li p{ display:inline; font-size:18px; color:#000;}

.application-info a{ float:left; margin:0px 0 20px 76px; width:562px; height:321px; background:#f2f2f2;}
.application-info a:first-child{ margin-left:0;}
.application-info a p{ padding:55px 0 35px; font-size:14px; color:#000; text-align:center;}
.application-info a p em{ font-size:24px; color:#cc0000;}
.application-info a em.application-info-em1,.application-info a em.application-info-em2{ margin:0 auto; background:url(/images/comm_icon.png) no-repeat; display:block; width:146px; height:146px;}
.application-info a em.application-info-em1{ background-position:0 -144px;}
.application-info a em.application-info-em2{ background-position:-166px -144px;}
.application-info a:hover em.application-info-em1{ background-position:0 -304px;}
.application-info a:hover em.application-info-em2{ background-position:-166px -304px;}

/** system **/
.system img{ margin:0 auto; display:block;}

.interphone1{ padding-bottom:0;}
.solution-feature{ background:#eff1f5;}
.solution-feature ul li{ float:left; width:25%; height:440px; text-align:center; background:#eff1f5;}
.solution-feature ul li:hover{ background:#d01d1e;}
.solution-feature ul li em{ margin:80px auto 20px; display:block; width:66px; height:66px; background:url(/images/comm_icon.png) no-repeat;}
.solution-feature ul li em.solution-feature-em1{ background-position:-289px 0;}
.solution-feature ul li em.solution-feature-em2{ background-position:-361px 0;}
.solution-feature ul li em.solution-feature-em3{ background-position:-433px 0;}
.solution-feature ul li em.solution-feature-em4{ background-position:-329px -144px;}
.solution-feature ul li:hover em.solution-feature-em1{ background-position:-289px -69px;}
.solution-feature ul li:hover em.solution-feature-em2{ background-position:-361px -69px;}
.solution-feature ul li:hover em.solution-feature-em3{ background-position:-433px -69px;}
.solution-feature ul li:hover em.solution-feature-em4{ background-position:-329px -213px;}
.solution-feature ul li p{ margin:15px auto 0; width:165px; font-size:14px; color:#77787a;}
.solution-feature ul li h6{ font-size:14px; color:#000;}
.solution-feature ul li:hover p,.solution-feature ul li:hover h6{ color:#fff;}
.business-fun div{ width:300px; padding-right:49px;}
.business-fun div h5{ margin-bottom:15px; font-size:14px; color:#000; text-align:left;}

/** service **/
.service-cont,.faq-cont{ padding:90px 0; background:#edeff4;}
.service-cont ul li{ position:relative; float:left; margin:0 0 25px 180px; width:280px; height:300px; overflow:hidden; background:#fff;}
.service-cont ul li em{ margin:80px auto 15px; display:block; width:75px; height:75px; background:url(/images/icon_faq.png) no-repeat;}
.service-cont ul li em.service-cont-em1{ background-position:-270px -92px;}
.service-cont ul li em.service-cont-em2{ background-position:0 0;}
.service-cont ul li em.service-cont-em3{ background-position:-90px 0;}
.service-cont ul li em.service-cont-em4{ background-position:-180px 0;}
.service-cont ul li em.service-cont-em5{ background-position:-270px 0;}
.service-cont ul li em.service-cont-em6{ background-position:-360px 0;}
.service-cont ul li em.service-cont-em7{ background-position:0 -92px;}
.service-cont ul li em.service-cont-em8{ background-position:-90px -92px;}
.service-cont ul li em.service-cont-em9{ background-position:-180px -92px;}
.service-cont ul li p.service-title{ margin:0 auto; width:130px; text-align:center; font-size:18px; color:#000;}
.service-cont ul li .service-info{ position:absolute; top:0px; left:0; padding:0 25px; width:230px; height:12px; color:#fff; background:#cc0000; overflow:hidden;}
.service-cont ul li .service-info h6{ padding:25px 0 15px; font-size:14px;}

/** faq **/
.inner-faq{ padding-bottom:0;}
.faq-info{ margin:0 auto; width:1020px;}

.faq-info .faq-odd,.faq-info .faq-even{ float:left; margin:0 0 30px 60px; width:450px; cursor:pointer;}
.faq-info li{ margin-bottom:30px; float:left;  /*margin:0 0 30px 60px;*/ width:450px; background:#fff;}
.faq-info div.faq-question{ position:relative; padding:50px 40px; width:370px;}
.faq-info div.faq-question p{ position:relative; font-size:18px; color:#000; z-index:20;}
.faq-info div.faq-question em{ position:absolute; top:0; left:0; display:block; width:100%; height:12px; background:#cc0000; z-index:10;}
.faq-info div.faq-answer{ padding:35px 40px 60px; display:none; width:370px; color:#000; background:#fff;}
.faq-info div.faq-answer p{ line-height:24px;}

/** news **/
.news{ padding-top:150px; background:#f3f3f3;}
.news-cont{ width:900px; margin:0 auto;}
.inner-btn-news{ text-align:center;}
.inner-btn-news a{ margin:75px 23px 90px; display:inline-block;  border-radius:50%; width:120px; height:120px; background:#fff; background:url(/images/white_bg.png) no-repeat\9; font-size:14px; color:#000; line-height:120px;}
.inner-btn-news a:hover,.inner-btn-news a.current{ background:#cc0000; background:url(/images/red_bg.png) no-repeat\9; color:#fff;}
.news-box{ position:relative; float:left; margin-bottom:30px; width:275px; overflow:hidden;}
.news-info{ padding:20px 10px; width:255px; background:#fff; text-align:center; transition:background .5s ease;}
.news-info em{ margin-bottom:15px; display:inline-block; width:31px; height:1px; overflow:hidden; background:#d4d4d4;}
.news-info p{ color:#000; transition:color .5s ease; text-align:left; font-size:14px;}
.news-info p.news-wz { height: 63px; }
.news-info time{ margin-right:5px; display:none;}
.news-box-hover .news-info{ background:#cc0000;}
.news-title{ position:relative; padding-left:55px;}
.news-title p.news-year{ position:absolute; top: -5px; left:0; font-size:20px; color: #999; }
.news-title p.news-month{ margin-bottom:5px; font-size:18px; height:18px; line-height:18px;}
.news-box-hover p,.news-box-hover .news-title p.news-year { color:#fff; }

.news-box a .news-photo { display: block; width: 275px; height: 152px; overflow: hidden; }
.news-box .news-bg{ position:absolute; top:0; left:0; width:100%; display:block; opacity:0; filter:alpha(opacity=0); transition:opacity .5s ease;}
.news-box-hover .news-bg{ display:block; opacity:1; filter:alpha(opacity=100);}
.news-bg p{ height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.news-bg em{ position:absolute; top:50%; left:50%; display:none; margin:-31px 0 0 -31px; width:62px; height:62px; background:url(/images/comm.png) no-repeat -310px -365px;}
.news-box-hover .news-bg em{ display:inline-block;}

/** contact **/
.contact-map{ position:relative; margin:110px auto 50px; background:url(/images/map.jpg) no-repeat; height:1035px;}
.contact-location{ position:absolute; /*top:423px; left:771px;*/ display:block; background:url(/images/comm.png) no-repeat -2px -481px; width:17px; height:17px;}
.contact-location-big{ background:url(/images/comm_icon.png) no-repeat -329px -349px; width:28px; height:28px;}
.contact-pop{ position:absolute; top:50%; margin:-350px 0 0 -291px; display:none; opacity:0; filter:alpha(opacity=0); width:582px; height:307px; background:#edeff4;}
.contact-location p.contact-title{ padding-left:20px; width:70px;}

.contact-left{ padding:35px 15px 0 20px; width:210px; height:272px; color:#fff; background:#cc0000;}
.contact-left h6{ font-size:14px;}
.contact-left h6 em{ margin-right:10px; display:inline-block; font-size:24px;}
.contact-add{ margin:30px 0 30px;}
.contact-info1 p em{ display:inline-block; margin-right:10px; width:17px; height:17px;}
.contact-info1 p em.contact-em1{ background-position:0 -250px;}
.contact-info1 p em.contact-em2{ background-position:0 -279px;}
.contact-info1 p.contact-tel1{ font-size:18px;}

.contact-right{ padding:40px 18px 0 16px; width:298px;} 
.contact-right input{ float:left; margin-bottom:10px; padding:10px 0; background:#fff; border:none; width:298px; height:15px; text-indent:10px; color:#666;}
.contact-right textarea{ padding:10px; width:278px; height:80px; background:#fff; border:none; color:#666;}
.contact-right input.contact-submit{ float:right; margin-top:10px;; display:inline-block; width:116px; height:35px; line-height:35px; background:#fff; color:#000; text-align:center; cursor:pointer;}

/** news **/
.news-pic img{ margin-top:60px; width:100%;}
.news-cont h5{ font-size:18px; color:#000;}
.news-cont time{ margin:15px 0 70px; display:block; font-size:14px; color:#818181; text-align:center;}
.news-item div{ width:580px;}
.news-item div p{ margin-bottom:20px; line-height:18px; color:#5b5b5b;}
.news-item p{ font-size:14px;}
.news-page1{ margin:60px 0;}
.news-page1 a{ display:inline-block; background:url(/images/news_icon.png) no-repeat; height:31px; line-height:31px; color:#5b5b5b; font-size:14px;}
.news-page1 a.prev{ padding-left:45px;}
.news-page1 a.next{ padding-right:45px; background-position:right -40px;}
.news-page1 a:hover.prev{ background-position:0 -80px; color:#b9111a;}
.news-page1 a:hover.next{ background-position:right -120px; color:#b9111a;}

.news-recent h6{ margin-bottom:15px; font-size:14px; font-weight:bold; color:#000;}
.news-recent ul li{ margin-bottom:5px;}
.news-recent ul li a { color:#818181;}
.news-recent ul li a p{ display:inline; padding-bottom:3px; font-size:14px;}
.news-recent ul li a em{ font-size:14px;}
.news-recent ul li a:hover{ text-decoration:underline; color:#000;}

/** successful case **/
.case-success{ margin:0px auto 0; width:1125px;} 
.case-success ul li{ position:relative; float:left; margin-bottom:70px; padding-top:60px; width:355px; height:380px; background:#edeff4; text-align:center;}
.case-success ul li.case-two{ margin:0 30px;}
.case-success ul li img{ display:block; margin:0 auto;}
.case-success ul li h5{ margin-top:30px; padding:0 60px; color:#000; font-size:24px; line-height:35px;}
.case-success ul li h6{ padding:0 20px; margin-top:45px; font-size:18px; line-height:20px;}
.case-success ul li .feature-line1{ margin:20px auto 17px; width:57px; height:1px; background:#848383; overflow:hidden;}
.case-success ul li p.case-title{ color:#a6a6a8;} 
.case-success ul li a{ position:absolute; bottom:0; left:0; width:100%; height:12px; background:#cc0000; overflow:hidden;}
.case-success ul li a .case-line1{ margin:13px auto 22px; width:30px; height:1px; background:#d4d4d4; overflow:hidden;}
.case-success ul li a p{ padding-bottom:0; color:#edeff4;} 
.case-success ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:-56px -128px;}

.case-page{ margin-top:60px; text-align:center;}
.case-page a{ margin:0 6px; display:inline-block; width:10px; height:31px; line-height:31px; vertical-align:top; color:#666; text-indent:-9999px; background:url(/images/page_icon.png) no-repeat -22px 0;}
.case-page a.current,.case-page a:hover{ background-position:0 0;}
.case-page a.prev,.case-page a.next{ display:inline-block; padding:0; margin:0 8px; width:31px; height:31px; background:url(/images/comm_icon.png) no-repeat;}
.case-page a.prev{ background-position:-329px -384px;}
.case-page a.next{ background-position:-372px -384px;}
.case-page a:hover.prev{ background-position:-415px -384px;}
.case-page a:hover.next{ background-position:-460px -384px;}

/** case detail **/
.case-app ul li{ float:left; margin-left:76px; width:562px; }
.case-app ul li:first-child{ margin-left:0;}
.case-app ul li p{ padding-left:25px; margin-bottom:20px; background:url(/images/comm_icon.png) no-repeat 0 -475px; font-size:14px; color:#000;}
.case-jd{ width:500px;}
.case-jd h5{ font-size:19px; color:#000; text-align:left;}
.case-jd .case-line{ margin:15px 0 30px; width:57px; height:1px; background:#676767; overflow:hidden; }
.case-jd h6{ font-size:14px; color:#000;}
.case-jd .case-question{ margin-top:15px;}
.case-jd .case-question p{ color:#757575; line-height:26px;}
#product_content_full_cn tr td p{ font-size:14px !important; /*background:url(/images/comm_icon.png) no-repeat 0 -478px !important;*/}

/** aside icon **/
.aside-right{ position:fixed; bottom:50px; right:50px; width:54px; height:81px;  background:url(/images/aside_icon.png) no-repeat; z-index:1000;}
.aside-right ul li { display:block; width:54px; height: 27px; }
.aside-right ul li.aside-right-bd { height: 54px; }
.aside-right ul li a.aside-btn{ display:block; width:54px; height:54px; }
.aside-ask{ position:absolute; right:54px; bottom:40px; display:none; padding:8px 16px 20px; width:112px; background:#edeff4; }
.aside-ask a{ margin-top:8px; display:block; width:112px; height:26px; line-height:26px; background:#fff; font-size:12px; color:#787878; text-align:center; }
.aside-ask a:hover{ background:#cc0000; color:#fff;}
.aside-right ul li .jiathis_style_24x24{ position:fixed; margin-top:10px; right:144px; width:0px; height:29px; overflow:hidden;}
.aside-right ul li .jiathis_style_24x24 .jtico{ background:url(/images/comm_icon.png) !important;  width:29px !important; height:29px !important; padding:0 !important;} 
.aside-right ul li .jiathis_style_24x24 .jtico{ margin-left:15px;}
.aside-right ul li .jiathis_style_24x24 .jtico_tsina{ background-position:-329px -304px !important;}
.aside-right ul li .jiathis_style_24x24 .jtico_tqq{ background-position:-372px -304px !important;}
.aside-right ul li .jiathis_style_24x24 .jtico_weixin{ background-position:-416px -304px !important;}

/** player **/
.pop-aph,.pop-aph1 { display:none; position:fixed; top:0; left:0; z-index:9997; width:100%; height:100%; background:url(/images/bg_aph.png); }
.pop { display:none; position:fixed; top:50%; left:50%; z-index:9998; width:1000px; height:600px; margin:-300px 0 0 -500px; background:#000;  }
.pop-close { position:absolute; top:-14px; right:-12px; width:28px; height:28px; background:url(/images/player_close.png) no-repeat;}
a:hover.pop-close,a:hover.pop-close1{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.pop-content,.pop-content a { display:block; width:1000px; height:600px; }
.pop1 { display:none; padding:130px 0 60px; position:absolute; top:2700px; left:0; z-index:9998; width:100%;/* height:420px;*/  background:#fff; }
.pop-close1{ position:absolute; top:-100px; right:0px; width:57px; height:57px; background:url(/images/technical_close1.jpg) no-repeat;}
.pop-content1 table{ width:100%; border-top:solid 1px #000;}
.pop-content1 table tr td{ padding:15px 0; border-bottom:solid 1px #000; color:#030303;}


.ser_box2{width:100%;}
.ser_box2 .wrap {
	background: url("../images/customer.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 30px 0 30px;
}

.ser_box2 .wrap::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0.50;
	display: inline-block;
}
.ser_ico{ display: inline-block; overflow: hidden; width:124px; height:124px;vertical-align: middle; background: url(/images/ico/ser_ico.png);}
.ser_ico_2{background-position:-124px 0;}
.ser_ico_3{background-position:-248px 0;}
.ser_ico_4{background-position:-372px 0;}
.chan_tit{width: 90%;margin: 0 auto 50px;text-align: center;}
.chan_tit .contet{width: 95%;text-align: left; font-size:15px; line-height:30px;}
.ser_box2 .chan_tit .tit a{font-size:36px; position:relative;padding-bottom: 15px;margin-bottom: 15px; color:#e1e1e1;}
.chan_tit .tit:after{content:'';width:60px;height:0px;background-color:#fd8800; position:absolute;bottom:0;left:50%; margin-left:-30px;}
.chan_tit .p{font-size:16px; color:#d3d3d3; }

.chan_tit .contet{width: 95%;text-align: left; font-size:15px; line-height:30px;}
.ser_box2 .chan_tit{width:60%;}

.ser_fast_menu {width:85%; margin:auto; }
.ser_fast_menu li a{display:block;width:70%; color:#fff;margin:auto; text-align: center;}
.ser_fast_menu li .tit{font-size:18px;margin: 20px 0 10px;}
.ser_fast_menu li .p{font-size:13px; color:#fff;}
.ser_fast_menu li:hover .ser_ico{background-position:0 -124px;}
.ser_fast_menu li:hover .ser_ico_2{background-position:-124px -124px;}
.ser_fast_menu li:hover .ser_ico_3{background-position:-248px -124px;}
.ser_fast_menu li:hover .ser_ico_4{background-position:-372px -124px;}

/** footer **/


.w1440{
	position: relative;
	width: 80%;
	margin: 0 auto;
}
.footer{
	background: #003c7e;
	height:250px;
	width:100%;
}
.footer .ewm{
	width: 15%;
	height: 200px;
	padding-top: 43px;
	background: #023267;
	line-height: 24px;
	color: #fff;
	text-align: center;
}
.footer .ewm img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.footer-main{
	width: 75%;
	padding-top: 24px;
	line-height: 28px;
	color: #cbd2de;
	
}
.footer-main a{
	color: #cbd2de;
	transition: color 500ms ease-in 0ms;
}
.footer-main a:hover{
	color: #fff;
}
.footer-main .menu{
	height: 50px;
	width: 80%;
	border-bottom: 1px solid #1a508b;
	margin-bottom: 19px;
}
.footer-main .menu a{
	display: inline-block;
	float: left;
	padding: 0 26px;
	font-size: 14px;
	line-height: 50px;
	color: #e7e7e7;
}
.footer-main .menu a.home{
	padding-left: 0;
}
.footer-main p.link a{
	display: inline-block;
	padding: 0 15px;
}
.footer-main .share{
	float: left;
	margin-left: 34px;
	display: inline;
}
.footer-link{
	margin-top: 15px;
	width: 80%;
	border-top: 1px solid #1a508b;
	padding-top: 12px;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
.footer-link a{
	display: inline-block;
	float: left;
	margin-right: 45px;
	color: #a3b0c5;
	transition: color 500ms ease-in 0ms;
}
.footer-link a:hover{
	color: #fff;
}




/** ie6  **/
.browser { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#fff; }
.ie6 { display:block; }
.browser-wrap { position:absolute; top:50%; left:0; width:100%; height:200px; margin-top:-100px; text-align:center; color:#666666; }
.browser h1 { margin-bottom:15px; font-size:25px; letter-spacing:2px; color:#333; }
.browser p { line-height:1.8; font-size:13px; }
.browser ul { width:600px; margin:25px auto 0; }
.browser ul li { float:left; width:120px; text-align:center; }
.browser ul li em { display:block; height:25px; line-height:25px; color:#666; }
.browser ul li a:hover em { color:#cc0000; }
	

/* zbxiang.css */
.solution ul.solution-ul{ width: 1200px; }
.solution ul.solution-ul li{ width: 23%; }

.solution-new .in-wrap-txt{ width: 486px; padding-top: 190px; }
.solution-new .in-wrap-txt h3{ font-size: 30px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 20px; }
.solution-new .inner-banner h4{ position: static; width: 100%; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 5px; line-height: 17px; margin-top: 17px; }
.solution-new .inner-banner p{ margin-top: 0px; width: 100%; }
.solution-new .inner-banner dt p{ font-size: 18px; color: #fff; }
.solution-new .inner-banner dl{ margin-top: 41px; }
.solution-new .inner-banner dd{ margin-top: 17px; }
.solution-new .inner-banner dd p{ font-size: 14px; color: #fff; line-height: 24px; }

.solution-new .solution-pg-comm{ width: 100%; height: 700px; }

.solution-pg-comm .in-wrap-txt{  width: 486px; padding-top: 245px; }
.solution-pg-comm .in-wrap-txt h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; }
.solution-pg-comm .in-wrap-txt h4{  font-size: 14px; text-transform: uppercase; margin-top: 17px; letter-spacing: 5px; }
.solution-pg-comm .in-wrap-txt dl{ margin-top: 35px; }
.solution-pg-comm .in-wrap-txt dt p{ color: #000; font-size: 18px; text-transform: uppercase; }
.solution-pg-comm .in-wrap-txt dd{ margin-top: 7px; }
.solution-pg-comm .in-wrap-txt dd p{ color: #333; font-size: 13px; text-transform: uppercase; line-height: 26px; }

.solution-pg-r .in-wrap-txt{ float: right; text-align: right; }
.solution-pg-l .in-wrap-txt{ float: left; text-align: left; }

.solution-pg-r .in-wrap-txt h3{ color: #c82126; }
.solution-pg-r .in-wrap-txt h4{ color: #000; }
.solution-pg-r .in-wrap-txt dt p { color: #000; }
.solution-pg-r .in-wrap-txt dd p { color: #333; }

.solution-pg-l .in-wrap-txt h3{ color: #fff; }
.solution-pg-l .in-wrap-txt h4{ color: #fff; }
.solution-pg-l .in-wrap-txt dt p { color: #fff; }
.solution-pg-l .in-wrap-txt dd p { color: #fff; }

	
.transition {
    opacity: 0;
    -webkit-transform: translate3d(0,60px,0);
    transform: translate3d(0,60px,0);
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
.css3 {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mr-0{ margin-right: 0px !important;  }
.content-small-box{margin-top: 41px;}
.content-small-box p{font-size: 14px; line-height: 24px;}



.row2 {
	background: url(../images/bg_1.png) center top no-repeat;
	padding-top: 10px;
	background-color:#F5F6FA;
	width: 100%;margin:0 auto;
}
.case-i, .case-i-r {
	width: 95%;margin:0 auto;
}
.tit-i {
	text-align: center;
	padding: 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3 {
	font-size: 30px;
	color: #002;
	margin-bottom: 10px;
}
.tit-more {
	text-align: center;
	padding: 10px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-more h3 {
	font-size: 30px;
	color: #002;
	margin-bottom: 10px;
}

.tit-i h5 {
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.tit-i h5 span {
	color: #e4392a;
}

.case-img, .case-img a img {
	width: 100%;
}
.case-img {
	position: relative;
	overflow: hidden;
}
.case-img .hover {
	position: absolute;
	left: 0;
	top: -434px;/*top: -433px;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	width: 18%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
}
.case-img.on .hover {
	top: 0;
}
.ul-case-i {
	margin: 0 0 0 7%;
}
.ul-case-i li {
	float: left;
	width: 23%;
	padding: 0 15px;
	margin-bottom: 35px;
	overflow: hidden;
}
.ul-case-i li a {
	display: block;
	position: relative;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li .pic img {
	width: 100%;
	display: block;
}
.ul-case-i li a .hover {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
	/*display: none;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li .hover b, .ul-case-i li .hover .txt, .case-img .hover b, .case-img .hover .txt {
	display: inline-block;
	vertical-align: middle;
}
.ul-case-i li .hover b, .case-img .hover b {
	width: 0;
	height: 100%;
}
.ul-case-i li a:hover .hover {
	/*display: block;*/
	top: 0;
}

.more-i {
	margin:auto;
	width:1280px;
}
.more-i a {
	display: inline-block;
	width: 65px;
	height: 65px;
	background: url(../images/arr2.png) center center no-repeat #1246A6;
	border-radius: 100%;
}
.more-i a:hover {
	background-color: #e4392a;
}